<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="${ bp }/static/img/icon.png" type="image/x-icon">
    <link rel="stylesheet" href="${ bp }/static/layui/css/layui.css">

</head>

<body>
<%--搜索表单--%>
<div class="layui-container">

    <%-- 数据表格--%>
    <table id="table" lay-filter="table"></table>
<%-- 导入按钮--%>
    <button type="button" class="layui-btn " id="importBtn">导入</button>

</div>


<!-- layui.all.js 包含layui核心库和所有组件 -->
<script src="${ bp }/static/layui/layui.all.js"></script>
<script>
    // Layui遵循模块化开发思想，所有的功能模块，原则上在使用之前都需要声明
    layui.use([ 'table','layer', 'jquery'], function () {
        let table = layui.table;
        let layer = layui.layer;
        let $ = layui.jquery;


        //渲染table标签
        table.render({
            //对应dom元素
            elem: '#table'
            //自定义唯一id
            , id: 'table'
            , loading: true //显示加载图标
            ,data:JSON.parse(sessionStorage.getItem('excelUploadResult'))
            , cols: [[ //表头
                { type:'checkbox'},
                {title: '序号', type: 'numbers', width: 80},
                {field: 'username', title: '用户名',edit:'text'},
                {field: 'nickname', title: '昵称',edit:'text'},
                {field: 'email', title: '邮箱',edit:'text'},
                {field: 'password', title: '密码',edit:'text'},
                {field: 'account', title: '余额',edit:'text'},
                {field: 'credit', title: '积分',edit:'text'},

            ]]
        });

        //点击导入按钮
        $('#importBtn').click(function (){
            //获取被选中的行
            let checkData = table.checkStatus('table').data;
            //判断是否没有勾选任何内容
            if (checkData.length===0){
                //没有勾选任何内容，错误提示
                layer.msg('请勾选需要导入的数据',{
                    time:2000,
                    icon:2
                });
            }else {
                //使用ajax请求接口导入数据
                $.ajax({
                    url:'${bp}/useradmin?method=addAll',
                    type:'post',
                    data:{
                        users:JSON.stringify(checkData)
                    },
                    dataType:'json',
                    success:(result)=>{

                        // 判断是否登录成功
                        if (result.code === 0) {
                            // 成功信息提示
                            layer.msg(result.msg, {
                                time: 3000,
                                icon:1
                            }, function () {
                                //关闭弹窗
                                //先得到当前iframe层的索引
                                let index = parent.layer.getFrameIndex(window.name)
                                //再执行关闭
                                parent.layer.close(index);
                                //刷新对应模块的table
                                parent.document.getElementById('用户管理').layui.table.reload('table');
                            });
                        } else {
                            // 错误信息提示
                            layer.msg(result.msg, {
                                time: 2000,
                                icon: 2
                            });
                        }
                    },
                    error:()=>{
                        console.log('请求接口错误');
                    }
                })





            }
        });


    });
</script>

</body>
</html>
